.el-tree {
  font-size: var(--theme-font-size);
  color: var(--theme-color-text-primary);
  .el-tree-node {
    &.is-current {
      > .el-tree-node__content {
        color: var(--theme-color-1);
        background: #f1f5fe;
        border-radius: var(--theme-border-radius);
      }
    }
  }
  .el-tree-node__expand-icon {
    color: var(--theme-color-text-primary);

    &.is-leaf {
      color: transparent;
    }
  }

  .el-tree-node__content {
    padding: 3px 0;
    &:hover {
      .el-tree-node__expand-icon {
        color: var(--theme-color-1);

        &.is-leaf {
          color: transparent;
        }
      }

      background: #f4f7fe;
      border-radius: var(--theme-border-radius);

      .tree-item {
        .content {
          color: var(--theme-color-1);
        }
      }
      .svg-icon {
        color: var(--theme-color-1);
      }
    }
    & > .el-tree-node__expand-icon {
      padding: 6px 8px 6px 6px;
    }
  }
}
